<template>
	<view class="bg">
		<view  class="scro">
			<view class="t">
				<img :src="topimg" class="top">
			</view>
			
			<view class="line">
				<navigator class="choose" url="/pages/tea-duan/exam/inv-test">
					<button class="btn"><text class="a">创建试卷</text></button>
				</navigator>
				<navigator  class="choose"url="/pages/tea-duan/exam/inv-exam">
					<button class="btn"><text class="a">创建考试</text></button>
				</navigator>
			</view>
			<view class="line">
				<navigator class="choose" url="/pages/tea-duan/exam/jiankao">
					<button class="btn"><text class="a">监考管理</text></button>
				</navigator>
				<navigator class="choose" url="/pages/tea-duan/exam/panjuan">
					<button class="btn"><text class="a">判卷管理</text></button>
				</navigator>
			</view>
			<view class="line">
				<navigator class="choose" url="/pages/tea-duan/exam/shuju">
					<button class="btn" ><text class="a">数据分析</text></button>
				</navigator>
				<navigator class="choose" url="/pages/tea-duan/exam/huishou">
					<button class="btn"><text class="a">回收站</text></button>
				</navigator>
			</view>
		</view>
		<view class="tabbar" >
			<view class="one" @click="toNews">
				<image src="../../../static/newshui.png" class="ima"></image>
				<text class="te">消息</text>
			</view>
			<view class="one" @click="toExam">
				<image src="../../../static/examlv.png" class="ima"></image>
				<text class="te">考试</text>
			</view>
			<view class="one" @click="toMy">
				<image src="../../../static/taiyang(1).png" class="ima"></image>
				<text class="te">我</text>
			</view>	
		</view>
		<view class="hui"></view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				topimg:require("@/static/kaoshixing.png"),
			}
		},
		methods:{
			toNews(){
				uni.redirectTo({
					url:'/pages/tea-duan/news/news'
				})
			},
			toExam(){
				uni.redirectTo({
					url:'/pages/tea-duan/exam/exam'
				})
			},
			toMy(){
				uni.redirectTo({
					url:'/pages/tea-duan/mine/mine'
				})
			},
		}
	}
	
</script>

<style>
	/* .hui{
		height: 100%;
		width: 100%;
		background-color: #EFEFF4;
	} */
	.a{
		font-size: larger;
	}
	.scro{
		width: 100%;
		height: 85%;
		background-color: #EFEFF4;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
	}
	.t{
		height: 35%;
		width: 90%;
	}
	.line{
		height: 130rpx;
		width: 90%;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		margin-top: 5rpx;
	}
	.choose{
		height: 100%;
		width: 50%;
		margin-top: 5rpx;
	}
	.btn{
/* 		height: 100%; */
		width: 90%;
		border: 6rpx #12754F solid;
		border-radius: 60rpx;
		box-shadow:0rpx 4rpx 12rpx 0rpx #000000;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: larger;
	}
	
	/* 导航栏 */
	
	.one{
		
		height: 150rpx;
		width: 150rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.ima{
		height: 80rpx;
		width: 80rpx;
		
	}
	.te{
		width: 100rpx;
		height: 50rpx;
		
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		
		
	}
	.tabbar{
		height: 150rpx;
		width: 100%;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		z-index: 5rpx;
		position: fixed;
		bottom: 0rpx;
		
		
	}
	.bg{
		height: calc(100vh - 50rpx);
		background-color: #EFEFF4;
	},
	.top{
		width: 100%;
		height: 100%;
		border-radius: 60rpx;
		border: 4px #12754F solid;
		box-shadow:0rpx 4rpx 12rpx 0rpx #000000;
		

	}
	/* .choose{
		width: 40%;
		height: 10%;
		background-color: white;
		border-radius: 40rpx;
		border: 1px solid;
		border-color: rgb(169,166,171);
		display: flex;
		
	}, */
	/* .btn{
		width: 100%;
		background-color: white;
		height: 100%;
		border-radius: 40rpx;
		font-size: 1.5em;
		padding-bottom: 3%;
		border: 1px solid;
		border-color: rgb(169,166,171);
	} */
	
	
</style>
